<template>
	<div class="page-wrap">
		<header><Head /></header>
		<main>
			<div class="left-nav"><Nav /></div>
			<div class="router-views">
				<router-view></router-view>
				<!-- <p>router-views</p> -->
			</div>
		</main>
	</div>
</template>

<script>
import Head from './head';
import Nav from './nav';

export default {
	data() {
		return {
			l_Height: 0,
			r_Height: 0,
			router_Heigth: 0, //路由视图区的高度
			transitionName: 'slide-left',
			is_show_loadding: true,
			router_list: []
		};
	},
	computed: {
		navHeight() {}
	},
	components: {
		Head,
		Nav
	},
	watch: {
		$route(to, from) {}
	},
	created() {},
	mounted() {},
	methods: {
		init() {}
	}
};
</script>

<style lang="scss" scoped>
@import '@admin/assets/css/common';
.page-wrap {
	height: 100vh;
	overflow: hidden;
	min-width: rem(900);
	header {
		width: 100%;
		height: rem(90);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		background: $tc;
	}
	main {
		padding: rem(90) 0 0 0;
		height: 100%;
		display: flex;
		justify-content: space-between;
		.left-nav {
			min-width: rem(150);
			width: rem(160);
			height: 100%;
			background: #ccc;
		}
		.router-views {
			flex: 1;
			height: 100%;
			position: relative;
			padding: rem(8);
			overflow: scroll;
			p {
			}
		}
	}
}
</style>
